<div id="_tab_profile_meeting" toolbar="#_meeting_toolbar"></div>

<div id="_meeting_toolbar" style="padding: 5px; height: auto;" >
    <div style="padding: 5px;">
        <a href="javascript:void(0);" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="_meeting_edit()">Detail</a>
        <div class="dialog-tool-separator" style="float: none; display: inline;"></div>
        &nbsp;
        <input id="_meeting_advancesearch_name" class="easyui-searchbox" style="width:250px"  
            data-options="prompt:'Please enter your search',menu:'#_meeting_advancesearch_menu'"></input>  

        <div id="_meeting_advancesearch_menu" style="width:220px">  
            <div data-options="name:'all'">Match any</div>  
            <div data-options="name:'meeting'">Meeting detail</div> 
            <div data-options="name:'mentor'">Mentors info</div>  
        </div>  
        Date From: <input id="_meeeting_form_advancesearch_datefrom" class="easyui-datebox" style="width:100px">  
        To: <input id="_meeting_form_advancesearch_dateto" class="easyui-datebox" style="width:100px"> 
        Status:
        <select id="_meeting_form_advancesearch_status"  class="easyui-combobox" style="width: 100px;">
            <option value="-1" checked>Any</option>
            <option value="0" checked>New</option>
            <option value="1">Not approve</option>
            <option value="2">Approved</option>
            <option value="3">Meeting done</option>
        </select>
        <a href="#" class="easyui-linkbutton" iconCls="icon-clear" plain="true" onclick="_meeting_clearfilter()">Clear</a>  
        <a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true" onclick="_meeting_reload()">Search</a>  
    </div>
    <div style="padding: 5px;" class="_meeting_toolbar_checkbox">        
        {* Toolbar: Enable/Disable columns *}
        <input type="checkbox" id="_meeting_toolbar_meetingstate" onclick="_meeting_toolbar_meetingstate();"> Meeting state
        <input type="checkbox" id="_meeting_toolbar_mentorstate" onclick="_meeting_toolbar_mentorstate();"> Mentor information
        <input type="checkbox" id="_meeting_toolbar_meetingdetailstate" onclick="_meeting_toolbar_meetingdetailstate();"> Meeting more detail
    </div>
    {* Dialog Edit for tab invoices *}
    <div id="_meeting_dialog_edit" class="easyui-dialog" title="View Meeting" style="width:900px;height:550px; padding: 5px;"  data-options="resizable:false,modal:true,closed:true,cache:false" >
        <div class="easyui-tabs" id="_meeting_detail_tab" style="width:870px;height: 500px;">
            <div title="Meeting Detail" iconCls="icon-profile"  style="padding:10px;">
                <div id="meeting_detail_warpper" style="width: 100%; height: 100%;">

                </div>
            </div>
            <div title="Actions" iconCls="icon-action"  style="padding:10px;">
                <div class="control">
                    <label>
                        <span class="label">Meeting state</span>
                        <select id="_meeting_detail_approve_state"  class="easyui-combobox" style="width: 200px;">
                            <option value="0" checked>New</option>
                            <option value="1">Not approve</option>
                            <option value="2">Approved</option>
                            <option value="3">Meeting done</option>
                        </select>
                    </label>
                </div>
                <div id="_meeting_detail_approve_detail"></div>
                {control type=textarea name="_meeting_detail_approve_note" id="_meeting_detail_approve_note" label='Approve Note' cols=15 rows=10}

                {control type=buttongroup submit="Update" id="_meeting_detail_state_save"}
            </div>
            <div title="Reply" iconCls="icon-reply"  style="padding:10px;">
                <h1>Reply meeting request</h1>
                {form name='meeting_detail_form' no_load_js="true"}
                {control type=text name='meeting_reply_source_email' label='This reply will be sent to' size=30 disabled="disabled"}
                {control type=text name='meeting_reply_sender'  label='Sender' disabled="disabled"  size=30}
                {control type=text name='meeting_reply_subject'  label='Subject' size=30}
                {control type=textarea name='meeting_reply_content' id='meeting_reply_content'  label='Reply message'   rows=8}
                {control type=buttongroup submit="Send" id="meeting_reply_send"}
                {/form}
            </div>
            <div title="History" iconCls="icon-history"  style="padding:10px;">
                <div id="meeting_detail_history_warpper" style="width: 100%; height: 100%;">
                    <div class="easyui-layout" style="width:'100%';height:445px;">  

                        <div data-options="region:'west',split:true" title="Action" style="width:450px;">
                            <div id="_meeting_detail_history" >
                            </div>
                        </div>  
                        <div data-options="region:'center',title:'Action detail'">  
                            <div id="_meeting_detail_history_detail">

                            </div>
                        </div>  
                    </div>  
                </div>
            </div>
            <div title="Notes" iconCls="icon-note"  style="padding:10px;">
                <div id="meeting_detail_note_warpper" style="width: 100%; height: 100%;">   
                    <div class="easyui-layout"  style="width:'100%'; height: 445px;">  

                        <div data-options="region:'west',split:true" title="List notes" style="width:350px;">
                            <div id="_meeting_detail_note" toolbar="#_meeting_note_toolbar">        
                            </div>
                            <div id="_meeting_note_toolbar" style="padding: 5px; height: auto;" >
                                <div style="padding: 5px;">
                                        <div style="width:100%">
                                        <input class="easyui-searchbox" name="_meeting_detail_search_note" id="_meeting_detail_search_note" data-options="prompt:'Enter your search term'" style="width:210px"></input>
                                        <a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true" style="width:28%" onclick="_meeting_note_search()">{$_TR.search}</a> 
                                        </div>
                            
                                    <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="_new_meeting_note()">Add</a> 
                                     <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true"  onclick="_edit_meeting_note()">Edit</a> 
                                     <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true"  onclick="_del_meeting_note()">Remove</a> 
                                </div>
                            </div>
                        </div>  
                        <div data-options="region:'center',title:'Note detail'">  
                            <div id="_meeting_notes_dialog_edit" class="easyui-dialog" title="View Meeting" style="width:500px;height:250px; padding: 5px;"  data-options="resizable:false,modal:true,closed:true,cache:false" >
                            <form action="/index.php" id="_meeting_note_">
                                {control type=text name='note_subject' id='_meeting_detail_new_note_subject' label='Note Subject'}
                                {control type=textarea name='_meeting_detail_new_note_content'  label='Note content' rows=4}
                                
                                <input type="hidden" id="_meeting_detail_note_edit" value="0">  
                                <input type="button" id="_meeting_detail_new_note_b" value="Submit" style="width:28%" onclick="_new_meeting_note_post()">
                            </form>

                            </div>
                            <div id="_meeting_detail_note_detail">
                            </div>
                        </div>  
                    </div>  



                </div>
            </div>
        </div>
    </div>
</div>